<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢迎光临{$SiteInfo['title']}!</title>
  <meta name="keywords" content="responsive, bootstrap, free template, fluid layout, templatemo, html css" />
  <meta name="description" content="Responsive Theme is free template based on Bootstrap framework." />
  <link href="/default/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style_fix_menu.css" rel="stylesheet" type="text/css">
  <link href="/default/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style.css" rel="stylesheet" type="text/css">
  <!-- HTML 5 shim for IE backwards compatibility -->
  <!-- [if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
  </script>
  <![endif]-->
</head>
<body>
  <header>
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="http://www.cssmoban.com/" target="_parent">{$SiteInfo['name']}</a>
          <nav class="nav-collapse collapse">
            <ul class="nav pull-right">
              <li class="active"><a href="/">Home</a></li>
              <li><a href="/defalutHtml/about.html">About</a></li>
              <li><a href="/defalutHtml/portfolio.html">Portfolio</a></li>
              <li><a href="/defalutHtml/blog.html">Blog</a></li>
              <li><a href="/defalutHtml/contact.html">Contact</a></li>
              <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="http://www.cssmoban.com"  target="_blank">Free CSS Templates</a></li>
                  <li><a href="#" target="_blank">Free Flash Stuffs</a></li>
                  <li><a href="#" target="_blank">Flash Web Gallery</a></li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </header>
  <section class="container" id="carousel_container">
    <div class="row">
      <div class="span12">
        <div id="artCarousel" class="carousel slide">
          <ol class="carousel-indicators">
            <li data-target="#artCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#artCarousel" data-slide-to="1"></li>
            <li data-target="#artCarousel" data-slide-to="2"></li>
          </ol>
          <div class="carousel-inner">
            <div class="item active"><img src="/default/images/slide01.jpg" alt="Model 1">
              <div class="carousel-caption">
                <h4>Website Templates</h4>
                <p>Download <a href="http://www.cssmoban.com" >Free Templates</a> for your websites!</p>
              </div>
            </div>
            <div class="item"><a href="#" target="_blank"><img src="/default/images/slide02.jpg" alt="Model 2"></a></div>
            <div class="item"><img src="/default/images/slide03.jpg" alt="Model 3"></div>
          </div>
          <a class="left carousel-control" href="#artCarousel" data-slide="prev">&lsaquo;</a> <a class="right carousel-control" href="#artCarousel" data-slide="next">&rsaquo;</a> 
        </div>
      </div>
    </div>
  </section>
  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
  <section class="container marketing">
    <div class="row">
      <article class="span4">
        <h3>Responsive Layout</h3>
        <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p><a class="btn btn-danger" href="#">View details &raquo;</a></p>
      </article>
      <article class="span4">
        <h3>HTML5 CSS3</h3>
        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a class="btn btn-danger" href="#">View details &raquo;</a></p>
      </article>
      <article class="span4">
        <h3>Bootstrap 2.3.2</h3>
        <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a class="btn btn-danger" href="#">View details &raquo;</a></p>
      </article>
    </div>
    <hr class="featurette-divider">
    <article class="row">
      <div class="span12">
        <img class="img-rounded featurette-image pull-right" src="/default/images/01.jpg" style="margin-left: 30px" alt="Model 4">
        <h3 class="featurette-heading">Vivamus eget mauris diam. <span class="muted">Morbi.</span></h3>
        <p>Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>
    </article>
    <hr class="featurette-divider">
    <article class="row">
      <div class="span12">
        <img class="img-rounded featurette-image pull-left" src="/default/images/02.jpg" style="margin-right: 20px" alt="Model 5">
        <h3 class="featurette-heading">Donec pellentesque posuere. <span class="muted">Quisque in sapien hendrerit.</span></h3>
        <p>Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>
    </article>
    <hr class="featurette-divider">
    <article class="row">
      <div class="span12">
        <img class="img-rounded featurette-image pull-right" src="/default/images/03.jpg" style="margin-left: 30px" alt="Model 6">
        <h3 class="featurette-heading">Praesent rhoncus elit sit amet. <span class="muted">Dictum ullamcorper.</span></h3>
        <p>Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
      </div>
    </article>    
  </section>
  
  <footer>
    <div class="container">        
      <div id= "latest" class="row">
        <section class="span4 rp_box_wrapper">
          <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i></h4>
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_04.png" alt="image 4" class="img-rounded"/></a>
            <div class="date">May 24, 2072</div>
            <a href="#">Sed quam lorem, ultricies et lobortis rutrum, tristique id lorem.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_05.png" alt="image 5" class="img-rounded"/></a>
            <div class="date">May 20, 2072</div>
            <a href="#">Duis vestibulum libero accumsan lorem varius tristique.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="/default/images/templatemo_image_06.png" alt="image 6" class="img-rounded"/></a>
            <div class="date">May 16, 2072</div>
            <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.</a>            
          </article>
        </section>
        
        <section class="span4 rp_box_wrapper">
        
          <h4>Latest Tweets <i class="icon-twitter icon-white"></i></h4>
          
          <ul class="twitter_post">
            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">#</a></li>
            <li>Proin dignissim, diam nec <a href="#">@网站模板</a> enim lorem tempus orci, ac imperdiet ante purus in justo.</li>
            <li>Fusce cursus consectetur ultricies <a href="#">#freetemplate</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. </li>
            <li>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></li>
            <li>Icons Collect from <a href="http://fontawesome.io" target="_blank">Font Awesome</a></li>
            <li>Validate <a href="#" >HTML</a> &amp; <a href="#" >CSS</a></li>
          </ul>
          <br />
          
          <div class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </div>
         
       </section>
       
       <section class="span4 rp_box_wrapper">
       
        <h4>Contact Us <i class="icon-envelope icon-white"></i></h4>
        <form>
          <input name="fullname" type="text" id="fullname" placeholder="Name" maxlength="30" />
          <input name="email" type="text" id="email" placeholder="Email" maxlength="30" />
          <textarea rows="3" placeholder="Message"></textarea>
          <p><button type="submit" class="btn">Submit</button></p>
        </form>
        
        <address>
          <strong>Responsive</strong><br>
          222-444 Aliquam semper dignissim,<br>
      	  Fusce cursus turpis lacus, 22440<br>
          Sit amet tortor<br />
          <a href="#" title="免费矢量下载"  class="res_about" target="_blank">免费矢量下载</a><br>
          <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br>
          <abbr title="Email">Email:</abbr> <a href="mailto:info@company.com">info@company.com</a>
        </address> 

      </section>
      
    </div>
      <div class="credit">
        <p id="templatemo_cr_bar">
          Copyright © 2072 <a href="#">Your Company Name</a> | <a  href="http://www.cssmoban.com/">模板之家</a> Collect from <a href="http://www.cssmoban.com">网页模板</a>
        </p>
      </div>
    </div>
  </footer>

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="/default/js/bootstrap.min.js"></script>
  <script>
    $('#artCarousel').carousel({
      interval: 4000,
      cycle: true
    });
  </script>
  </body>
</html>